<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>uupaa-excanvas.js - DEMO</title>
<style type="text/css">@import url(./README.css);</style>
</head>
<body>
<p>
   | <a href="http://code.google.com/p/uupaa-js-spinoff/">Project Home(Google Code)</a>
   | <a href="./README.htm">README</a>
   | <a href="./DEMO.htm">DEMO</a>
   | <a href="./CLASS.htm">Reference</a> |<br />
   | <a href="./CHANGELOG.htm">ChangeLog</a>
   | <a href="./LICENSE.htm">License</a>
   | <a href="http://uupaa-js.googlecode.com/svn/trunk/GLOSSARY.htm">Glossary</a>
   |
</p>
<hr />

<table>
<caption>uuCanvas.Layer</caption>
<tr><th>uuCanvas.Layer</th></tr>
<tr><td><a href="demo/draw_glossy.htm">uuCanvas.Layer.angleGlossy(), metaboGlossy(), jellyBean()</a></td></tr>
<tr><td><a href="demo/draw_dots.html">uuCanvas.Layer.dots()</a></td></tr>
</table>

<table>
<caption>uuCanvas.Layer</caption>
<tr><th>uuCanvas.Layer</th></tr>
<tr><td><a href="demo/layer_button.htm">uuCanvas.Layer gradation button</a></td></tr>
</table>


<table>
<caption>amime</caption>
<tr><th></th><th>uuCanvas</th><th>ExplorerCanvas(r3)</th></tr>
<tr><td>example1</td><td><a href="demo/example1.html">Silverlight</a> <a href="demo/example1(forceVML).html">VML</a></td><td><a href="demo-excanvas.js/example1.html">VML</a></td></tr>
<tr><td>example2</td><td><a href="demo/example2.html">Silverlight</a> <a href="demo/example2(forceVML).html">VML</a></td><td><a href="demo-excanvas.js/example2.html">VML</a></td></tr>
<tr><td>example3</td><td><a href="demo/3Dwalker.htm">Silverlight</a> <a href="demo/3Dwalker(vml).htm">VML</td><td><a href="demo-excanvas.js/3Dwalker.htm">VML</a></td></tr>
</table>

<table>
<caption>basic functions</caption>
<tr><th>uuCanvas</th><th>ExplorerCanvas(r3)</th></tr>
<tr><td>[INCOMPT(in IE)]<br /><a href="demo/1_1_canvas_remove_fallback.html">        1_1_canvas_remove_fallback.html</a></td>       <td>[NOT IMPL(IE,OPERA FAIL)]<br /><a href="demo-excanvas.js/1_1_canvas_remove_fallback.html">        1_1_canvas_remove_fallback.html</a></td></tr>
<tr><td><a href="demo/1_2_canvas_resize.html">1_2_canvas_resize.html</a>
        <a href="demo/1_2_canvas_resize+matrix.html">+matrix</a></td>
        <td>[INCOMPT, MATRIX DO NOT RESET]<a href="demo-excanvas.js/1_2_canvas_resize.html">1_2_canvas_resize.html</a>
            <a href="demo-excanvas.js/1_2_canvas_resize+matrix.html">+matrix</a></td></tr>
<tr><td><a href="demo/2_1_canvas_rect.html">2_1_canvas_rect.html</a>
        <a href="demo/2_1_canvas_rect+matrix.html">+matrix</a</td>
        <td>[NOT IMPL]<br />
            <a href="demo-excanvas.js/2_1_canvas_rect.html">2_1_canvas_rect.html</a>
            <a href="demo-excanvas.js/2_1_canvas_rect+matrix.html">+matrix</a></td></tr>
<tr><td><a href="demo/2_2_canvas_moveto.html">2_2_canvas_moveto.html</a>
        <a href="demo/2_2_canvas_moveto+matrix.html">+matrix</a></td>
        <td><a href="demo-excanvas.js/2_2_canvas_moveto.html">2_2_canvas_moveto.html</a>
            <a href="demo-excanvas.js/2_2_canvas_moveto+matrix.html">+matrix</a></td></tr>
<tr><td><a href="demo/2_3_canvas_lineto.html">2_3_canvas_lineto.html</a>
        <a href="demo/2_3_canvas_lineto+matrix.html">+matrix</a></td>
        <td><a href="demo-excanvas.js/2_3_canvas_lineto.html">2_3_canvas_lineto.html</a>
            <a href="demo-excanvas.js/2_3_canvas_lineto+matrix.html">+matrix</a></td></tr>
<tr><td><a href="demo/2_4_canvas_arc.html">2_4_canvas_arc.html</a>
        <a href="demo/2_4_canvas_arc+matrix.html">+matrix</a></td>
        <td>[INCOMPT]<br />
            <a href="demo-excanvas.js/2_4_canvas_arc.html">2_4_canvas_arc.html</a>
            <a href="demo-excanvas.js/2_4_canvas_arc+matrix.html">+matrix</a></td></tr>
<tr><td><a href="demo/2_5_canvas_quadraticcurveto.html">2_5_canvas_quadraticcurveto.html</a>
        <a href="demo/2_5_canvas_quadraticcurveto+matrix.html">+matrix</a></td>
        <td><a href="demo-excanvas.js/2_5_canvas_quadraticcurveto.html">2_5_canvas_quadraticcurveto.html</a>
            <a href="demo-excanvas.js/2_5_canvas_quadraticcurveto+matrix.html">+matrix</a></td></tr>
<tr><td><a href="demo/2_6_canvas_beziercurveto.html">2_6_canvas_beziercurveto.html</a>
        <a href="demo/2_6_canvas_beziercurveto+matrix.html">+matrix</a></td>
        <td><a href="demo-excanvas.js/2_6_canvas_beziercurveto.html">2_6_canvas_beziercurveto.html</a>
            <a href="demo-excanvas.js/2_6_canvas_beziercurveto+matrix.html">+matrix</a></td></tr>
<tr><td><a href="demo/2_7_canvas_combined.html">2_7_canvas_combined.html</a>
        <a href="demo/2_7_canvas_combined+matrix.html">+matrix</a></td>
        <td><a href="demo-excanvas.js/2_7_canvas_combined.html">2_7_canvas_combined.html</a>
            <a href="demo-excanvas.js/2_7_canvas_combined+matrix.html">+matrix</a></td></tr>
<tr><td><a href="demo/2_8_canvas_clearRect.html">2_8_canvas_clearRect.html</a>
        <a href="demo/2_8_canvas_clearRect+matrix.html">+matrix</a></td>
        <td>[NOT IMPL]<br />
            <a href="demo-excanvas.js/2_8_canvas_clearRect.html">2_8_canvas_clearRect.html</a>
            <a href="demo-excanvas.js/2_8_canvas_clearRect+matrix.html">+matrix</a></td></tr>
<tr><td><a href="demo/2_9_canvas_path_recycle.html">2_9_canvas_path_recycle.html</a></td>
        <td><a href="demo-excanvas.js/2_9_canvas_path_recycle.html">2_9_canvas_path_recycle.html</a></td></tr>
<tr><td><a href="demo/3_1_canvas_drawimage.html">3_1_canvas_drawimage.html</a>
        <a href="demo/3_1_canvas_drawimage+matrix.html">+matrix</a></td>
        <td><a href="demo-excanvas.js/3_1_canvas_drawimage.html">3_1_canvas_drawimage.html</a>
            <a href="demo-excanvas.js/3_1_canvas_drawimage+matrix.html">+matrix</a></td></tr>
<tr><td>[VML INCOMPT(in IE8)]<br /><a href="demo/3_1_canvas_drawimage+scale.html">        3_1_canvas_drawimage+scale.html</a></td>       <td>[NOT IMPL]<br /><a href="demo-excanvas.js/3_1_canvas_drawimage+scale.html">        3_1_canvas_drawimage+scale.html</a></td></tr>
<tr><td><a href="demo/3_2_canvas_drawimage.html">3_2_canvas_drawimage.html</a>
        <a href="demo/3_2_canvas_drawimage+matrix.html">+matrix</a>
        <a href="demo/3_2_canvas_drawimage+alpha.html">+alpha</a></td>
        <td>[INCOMPT]<br />
            <a href="demo-excanvas.js/3_2_canvas_drawimage.html">3_2_canvas_drawimage.html</a>
            <a href="demo-excanvas.js/3_2_canvas_drawimage+matrix.html">+matrix</a>
            <a href="demo-excanvas.js/3_2_canvas_drawimage+alpha.html">+alpha</a></td></tr>
<tr><td><a href="demo/3_3_canvas_drawimage.html">3_3_canvas_drawimage.html</a>
        <a href="demo/3_3_canvas_drawimage+matrix.html">+matrix</a>
        <a href="demo/3_3_canvas_drawimage+trans+clip.html">+clip</a></td>
        <td>[INCOMPT]<br />
            <a href="demo-excanvas.js/3_3_canvas_drawimage.html">3_3_canvas_drawimage.html</a>
            <a href="demo-excanvas.js/3_3_canvas_drawimage+matrix.html">+matrix</a>
            <a href="demo-excanvas.js/3_3_canvas_drawimage+trans+clip.html">+clip</a></td></tr>
<tr><td><a href="demo/3_4_canvas_gallery.html">3_4_canvas_gallery.html</a>
        <a href="demo/3_4_canvas_gallery+matrix.html">+matrix</a></td>
        <td>-</td></tr>
<tr><td>[VML (ARG 9 VERSION) NOT IMPL]<br />
        <a href="demo/3_5_canvas_drawimage_canvas.html">3_5_canvas_drawimage_canvas.html</a>
        <a href="demo/3_5_canvas_drawimage_canvas+matrix.html">+matrix</a></td>
        <td>[NOT IMPL]<br />
            <a href="demo-excanvas.js/3_5_canvas_drawimage_canvas.html">3_5_canvas_drawimage_canvas.html</a>
            <a href="demo-excanvas.js/3_5_canvas_drawimage_canvas+matrix.html">+matrix</a></td></tr>
<tr><td><a href="demo/4_1_canvas_fillstyle.html">4_1_canvas_fillstyle.html</a>
        <a href="demo/4_1_canvas_fillstyle+matrix.html">+matrix</a></td>
        <td><a href="demo-excanvas.js/4_1_canvas_fillstyle.html">4_1_canvas_fillstyle.html</a>
            <a href="demo-excanvas.js/4_1_canvas_fillstyle+matrix.html">+matrix</a></td></tr>
<tr><td><a href="demo/4_2_canvas_strokestyle.html">4_2_canvas_strokestyle.html</a>
        <a href="demo/4_2_canvas_strokestyle+matrix.html">+matrix</a></td>
        <td><a href="demo-excanvas.js/4_2_canvas_strokestyle.html">4_2_canvas_strokestyle.html</a>
            <a href="demo-excanvas.js/4_2_canvas_strokestyle+matrix.html">+matrix</a></td></tr>
<tr><td><a href="demo/4_3_canvas_globalalpha.html">4_3_canvas_globalalpha.html</a>
        <a href="demo/4_3_canvas_globalalpha+matrix.html">+matrix</a></td>
        <td><a href="demo-excanvas.js/4_3_canvas_globalalpha.html">4_3_canvas_globalalpha.html</a>
            <a href="demo-excanvas.js/4_3_canvas_globalalpha+matrix.html">+matrix</a></td></tr>
<tr><td><a href="demo/4_4_canvas_rgba.html">4_4_canvas_rgba.html</a>
        <a href="demo/4_4_canvas_rgba+matrix.html">+matrix</a></td>
        <td><a href="demo-excanvas.js/4_4_canvas_rgba.html">4_4_canvas_rgba.html</a>
            <a href="demo-excanvas.js/4_4_canvas_rgba+matrix.html">+matrix</a></td></tr>
<tr><td><a href="demo/4_5_canvas_linewidth.html">4_5_canvas_linewidth.html</a>
        <a href="demo/4_5_canvas_linewidth+matrix.html">+matrix</a></td>
        <td><a href="demo-excanvas.js/4_5_canvas_linewidth.html">4_5_canvas_linewidth.html</a>
            <a href="demo-excanvas.js/4_5_canvas_linewidth+matrix.html">+matrix</a></td></tr>
<tr><td><a href="demo/4_6_canvas_linecap.html">4_6_canvas_linecap.html</a></td>
        <td><a href="demo-excanvas.js/4_6_canvas_linecap.html">4_6_canvas_linecap.html</a></td></tr>
<tr><td><a href="demo/4_7_canvas_linejoin.html">4_7_canvas_linejoin.html</a></td>
        <td><a href="demo-excanvas.js/4_7_canvas_linejoin.html">4_7_canvas_linejoin.html</a></td></tr>
<tr><td>[Silverlight INCOMPT]<br />
        <a href="demo/4_8_canvas_miterlimit.html">4_8_canvas_miterlimit.html</a></td>
        <td><a href="demo-excanvas.js/4_8_canvas_miterlimit.html">4_8_canvas_miterlimit.html</a></td></tr>
<tr><td>[VML INCOMPT]<br />
        <a href="demo/4_9_canvas_lineargradient.html">4_9_canvas_lineargradient.html</a>
        <a href="demo/4_9_canvas_lineargradient+matrix.html">+matrix</a></td>
        <td>[INCOMPT]<br />
            <a href="demo-excanvas.js/4_9_canvas_lineargradient.html">4_9_canvas_lineargradient.html</a>
            <a href="demo-excanvas.js/4_9_canvas_lineargradient+matrix.html">+matrix</a></td></tr>
<tr><td><a href="demo/4_10_canvas_radialgradient.html">4_10_canvas_radialgradient.html</a>
        <a href="demo/4_10_canvas_radialgradient+matrix.html">+matrix</a></td>
        <td>[NOT IMPL]<br />
            <a href="demo-excanvas.js/4_10_canvas_radialgradient.html">4_10_canvas_radialgradient.html</a>
            <a href="demo-excanvas.js/4_10_canvas_radialgradient+matrix.html">+matrix</a></td></tr>
<tr><td>[VML INCOMPT. useing xMissColor]<br /><a href="demo/4_10_canvas_radialgradient+stroke.html"> 4_10_canvas_radialgradient+stroke.htm</a></td> <td>[NOT IMPL]<br /><a href="demo-excanvas.js/4_10_canvas_radialgradient+stroke.html"> 4_10_canvas_radialgradient+stroke.htm</a></td></tr>
<tr><td><a href="demo/4_11_canvas_createpattern.html">4_11_canvas_createpattern.html</a>
        <a href="demo/4_11_canvas_createpattern+matrix.html">+matrix</a></td>
        <td>[NOT IMPL]<br />
            <a href="demo-excanvas.js/4_11_canvas_createpattern.html">4_11_canvas_createpattern.html</a></td></tr>
<tr><td><a href="demo/4_11_canvas_createpattern+path.html">    4_11_canvas_createpattern+path.html</a></td>   <td>[NOT IMPL]<br /><a href="demo-excanvas.js/4_11_canvas_createpattern+path.html">    4_11_canvas_createpattern+path.html</a></td></tr>
<tr><td><a href="demo/4_11_canvas_createpattern+stroke.html">  4_11_canvas_createpattern+stroke.html</a></td> <td>[NOT IMPL]<br /><a href="demo-excanvas.js/4_11_canvas_createpattern+stroke.html">  4_11_canvas_createpattern+stroke.html</a></td></tr>
<tr><td><a href="demo/4_12_canvas_gradients.html">4_12_canvas_gradients.html</a>
        <a href="demo/4_12_canvas_gradients+matrix.html">+matrix</a></td>
        <td>[NOT IMPL]<br />
            <a href="demo-excanvas.js/4_12_canvas_gradients.html">4_12_canvas_gradients.html</a></td></tr>
<tr><td><a href="demo/5_1_canvas_savestate.html">5_1_canvas_savestate.html</a>
        <a href="demo/5_1_canvas_savestate+shadow.html">+shadow &amp; font</a></td>
    <td><a href="demo-excanvas.js/5_1_canvas_savestate.html">5_1_canvas_savestate.html</a></td></tr>
<tr><td><a href="demo/5_2_canvas_translate.html">              5_2_canvas_translate.html</a></td>             <td><a href="demo-excanvas.js/5_2_canvas_translate.html">              5_2_canvas_translate.html</a></td></tr>
<tr><td><a href="demo/5_3_canvas_rotate.html">                 5_3_canvas_rotate.html</a></td>                <td><a href="demo-excanvas.js/5_3_canvas_rotate.html">                 5_3_canvas_rotate.html</a></td></tr>
<tr><td><a href="demo/5_4_canvas_scale.html">                  5_4_canvas_scale.html</a></td>                 <td><a href="demo-excanvas.js/5_4_canvas_scale.html">                  5_4_canvas_scale.html</a></td></tr>
<tr><td><a href="demo/5_5_canvas_transform.html">              5_5_canvas_transform.html</a></td>             <td><a href="demo-excanvas.js/5_5_canvas_transform.html">              5_5_canvas_transform.html</a></td></tr>
<tr><td>[SOME IMPL]<br /><a href="demo/6_1_canvas_composite.html">              6_1_canvas_composite.html</a></td>             <td>[NOT IMPL]<br /><a href="demo-excanvas.js/6_1_canvas_composite.html">              6_1_canvas_composite.html</a></td></tr>
<tr><td><a href="demo/6_2_canvas_clipping.html">              6_2_canvas_clipping.html</a></td>              <td>[NOT IMPL]<br /><a href="demo-excanvas.js/6_2_canvas_clipping.html">               6_2_canvas_clipping.html</a></td></tr>
<tr><td>[SOME IMPL]<br /><a href="demo/6_3_canvas_composite_stroke.html">       6_3_canvas_composite_stroke.html</a></td>      <td>[NOT IMPL]<br /><a href="demo-excanvas.js/6_3_canvas_composite_stroke.html">       6_3_canvas_composite_stroke.html</a></td></tr>
<tr><td>[SOME IMPL]<br /><a href="demo/6_4_canvas_composite_gradients.html">    6_4_canvas_composite_gradients.html</a></td>   <td>[NOT IMPL]<br /><a href="demo-excanvas.js/6_4_canvas_composite_gradients.html">    6_4_canvas_composite_gradients.html</a></td></tr>
<tr><td><a href="demo/6_5_canvas_composite_gradients2.html">  6_5_canvas_composite_gradients2.html</a></td>   <td>-</td></tr>
<tr><td><a href="demo/7_2_canvas_basic_animation.html">       7_2_canvas_basic_animation.html</a></td>        <td><a href="demo-excanvas.js/7_2_canvas_basic_animation.html">        7_2_canvas_basic_animation.html</a></td></tr>
<tr><td>[Silverlight INCOMPT]<br />
        <a href="demo/8_1_canvas_fillText_strokeText.html">8_1_canvas_fillText_strokeText.html</a>
        <a href="demo/8_1_canvas_fillText_strokeText+matrix.html">+matrix</a></td>
        <td>-</td></tr>
<tr><td><a href="demo/8_2_canvas_measureText.html">8_2_canvas_measureText.html</a>
        <a href="demo/8_2_canvas_measureText+matrix.html">+matrix</a></td>
        <td>-</td></tr>
<tr><td><a href="demo/8_3_canvas_textAlign.html">8_3_canvas_textAlign.html</a>
        <a href="demo/8_3_canvas_textAlign+rtl.html">+rtl</a>
        <a href="demo/8_3_canvas_textAlign+matrix.html">+matrix</a></td>
        <td><a href="demo-excanvas.js/8_3_canvas_textAlign+rtl.html">+rtl</a></td></tr>
<tr><td>[NOT IMPL("TOP" ONLY)]<br /><a href="demo/8_4_canvas_textBaseline.html">           8_4_canvas_textBaseline.html</a></td>          <td>-</td></tr>
<tr><td><a href="demo/8_5_canvas_fontSize_fillText.html">     8_5_canvas_fontSize_fillText.html</a></td>      <td>-</td></tr>
<tr><td><a href="demo/8_6_canvas_fontSize_strokeText.html">   8_6_canvas_fontSize_strokeText.html</a></td>    <td>-</td></tr>
<tr><td><a href="demo/8_7_canvas_fontFamily.html">8_7_canvas_fontFamily.html</a>
        <a href="demo/8_7_canvas_fontFamily+align.html">+align</a></td>
        <td>-</td></tr>
<tr><td><a href="demo/8_8_canvas_fonts.html">8_8_canvas_fonts.html</a>
        <a href="demo/8_8_canvas_fonts+xAutoTextRender.html">+xAutoTextRender</a></td>
        <td>-</td></tr>
<tr><td><a href="demo/9_1_canvas_shadow_text.html">9_1_canvas_shadow_text.html</a>
        <a href="demo/9_1_canvas_shadow_text+matrix.html">+matrix</a></td>
        <td>-</td></tr>
<tr><td><a href="demo/9_1_canvas_shadow_text_alpha.html">9_1_canvas_shadow_text_alpha.html</a>
        <a href="demo/9_1_canvas_shadow_text_alpha+matrix.html">+matrix</a></td>
        <td><a href="demo-excanvas.js/9_1_canvas_shadow_text_alpha.html">9_1_canvas_shadow_text_alpha.html</a></td></tr>
<tr><td><a href="demo/9_1_canvas_shadow_text_direction.html"> 9_1_canvas_shadow_text_direction.html</a></td>  <td>-</td></tr>
<tr><td><a href="demo/9_1_canvas_shadow_text_pattern.html">   9_1_canvas_shadow_text_pattern.html</a></td>    <td>-</td></tr>
<tr><td><a href="demo/9_1_canvas_shadow_text_linearGradient.html">9_1_canvas_shadow_text_linearGradient.html</a></td>
        <td><a href="demo-excanvas.js/9_1_canvas_shadow_text_linearGradient.html">9_1_canvas_shadow_text_linearGradient.html</a></td></tr>

<tr><td><a href="demo/9_1_canvas_shadow_text_radialGradient.html">   9_1_canvas_shadow_text_radialGradient.html</a></td>    <td>-</td></tr>
<tr><td><a href="demo/9_2_canvas_shadow_path.html">9_2_canvas_shadow_path.html</a></td>
    <td><a href="demo-excanvas.js/9_2_canvas_shadow_path.html">9_2_canvas_shadow_path.html</a></td></tr>
<tr><td><a href="demo/9_2_canvas_shadow_path_alpha.html">     9_2_canvas_shadow_path_alpha.html</a></td>      <td>-</td></tr>
<tr><td><a href="demo/9_3_canvas_shadow_stroke.html">9_3_canvas_shadow_stroke.html</a>
        <a href="demo/9_3_canvas_shadow_stroke+matrix.html">+matrix</a></td>
        <td>-</td></tr>
<tr><td><a href="demo/9_4_canvas_shadow_drawimage.html">9_4_canvas_shadow_drawimage.html</a>
        <a href="demo/9_4_canvas_shadow_drawimage+matrix.html">+matrix</a></td>
        <td>-</td></tr>
<tr><td><a href="demo/9_5_canvas_shadow_pattern.html">9_5_canvas_shadow_pattern.html</a>
        <a href="demo/9_5_canvas_shadow_pattern+matrix.html">+matrix</a></td>
        <td>-</td></tr>
</table>

</body>
</html>

